画像つきの見出し

上の見出し（H1タグ）は、先頭に画像が自動追加されます。
この仕組みを利用すると、簡単なHTMLで見た目に美しいホームページを作成できます。

レベル2の見出し

H2タグにもスタイルシートを指定することにより、
このように階層的な画像付き見出しを作成することも可能です。

▼ソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<HTML>

<HEAD>
<TITLE>魅せるホームページ作成講座</TITLE>
</HEAD>

<BODY>

<STYLE type="text/css">
H1{
background-image:url(midashi1.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:35px;
font-size:24pt;
color:#FF0000;
border-bottom:solid 2px #FF0000;
}
H2{
background-image:url(midashi2.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:26px;
font-size:18pt;
color:#FF9966;
}
</STYLE>

<H1>画像つきの見出し</H1>
上の見出し（H1タグ）は、先頭に画像が自動追加されます。<BR>
この仕組みを利用すると、簡単なHTMLで見た目に美しいホームページを作成できます。<BR>
<H2>レベル2の見出し</H2>
H2タグにもスタイルシートを指定することにより、<BR>
このように階層的な画像付き見出しを作成することも可能です。<BR>

</BODY>


</HTML>

�e�����[�N����EC�i�r Yahoo �y�V LINE���f�[�^�����[�������z500�~�`�I
�����z�[���y�[�W �������N���W�b�g�J�[�h �C�O�i���q�����@�C�O���s�����������I �C�O�z�e��